<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:rich="http://richfaces.org/rich">

    <ui:composition template="/WEB-INF/template/template.xhtml">
        <ui:define name="title">
            <h:outputText value="User"></h:outputText>
        </ui:define>
        <ui:define name="body">
            
            <h:outputStylesheet>
                .pic {
                margin-bottom: -4px;
                margin-right: 2px;
                }

                .search .rf-ddm-itm-sel {
                background-color: transparent;
                background-image:none;
                border-color: transparent;
                cursor: default;
                }
            </h:outputStylesheet>
 
            <h:form>
                <rich:toolbar height="26px">
                    <rich:dropDownMenu mode="ajax">
                        <f:facet name="label">
                            <h:panelGroup>
                                <!--<h:graphicImage value="/images/icons/copy.gif" styleClass="pic" alt="copy" />-->
                                <h:outputText value="File" />
                            </h:panelGroup>
                        </f:facet>
                        <rich:menuItem label="New" action="#{dropDownMenuBean.doNew}" icon="/images/icons/create_doc.gif">
                        </rich:menuItem>
                        <rich:menuItem label="Open" action="#{dropDownMenuBean.doOpen}" icon="/images/icons/open.gif" />
                        <rich:menuGroup label="Save As...">
                            <rich:menuItem label="Save" action="#{dropDownMenuBean.doSave}" icon="/images/icons/save.gif" />
                            <rich:menuItem label="Save All" action="#{dropDownMenuBean.doSaveAll}">
                                <f:facet name="icon">
<!--                                    <h:graphicImage value="/images/icons/save_all.gif" alt="save_all" />-->
                                </f:facet>
                            </rich:menuItem>
                        </rich:menuGroup>
                        <rich:menuItem label="Close" action="#{dropDownMenuBean.doClose}" />
                        <rich:menuSeparator id="menuSeparator11" />
                        <rich:menuItem label="Exit" action="#{dropDownMenuBean.doExit}" />

                    </rich:dropDownMenu>

                    <rich:dropDownMenu mode="ajax">
                        <f:facet name="label">
                            <h:panelGrid cellpadding="0" cellspacing="0" columns="2" style="vertical-align:middle">
                                <h:outputText value="Links" />
                            </h:panelGrid>
                        </f:facet>
                        <rich:menuItem mode="client" onclick="document.location.href='http://labs.jboss.com/jbossrichfaces/'">
                            <h:outputText value="RichFaces Home Page" />
                        </rich:menuItem>
                        <rich:menuItem mode="client" onclick="document.location.href='http://jboss.com/index.html?module=bb&amp;op=viewforum&amp;f=261'">
                            <h:outputText value="RichFaces Forum" />
                        </rich:menuItem>
                    </rich:dropDownMenu>
                    
                    <rich:toolbarGroup location="right">
                        <h:outputLabel value="Logged in as #{loginBean.username}" />
                        <rich:menuItem label="Logout ( #{loginBean.username} ) "  action="#{loginBean.doLogout}" />
                    </rich:toolbarGroup>
                    

     
                </rich:toolbar>
            </h:form>
            
            
            <rich:panel header="Panel with default Look-n-feel">
                <h:graphicImage value="/images/icons/common/rf.png" style="float:right" alt="rf" />
                RichFaces is a component library for JSF and an advanced framework for
                easily integrating AJAX capabilities into business applications.
                <h:outputText value="Administrators Dashboard!!!" styleClass="header"></h:outputText>
                <h:messages></h:messages>
                <ul>
                    <li>100+ AJAX enabled components in two libraries</li>
                    <li>a4j: page centric AJAX controls</li>
                    <li>rich: self contained, ready to use components</li>
                    <li>Whole set of JSF benefits while working with AJAX</li>
                    <li>Skinnability mechanism</li>
                    <li>Component Development Kit (CDK)</li>
                    <li>Dynamic resources handling</li>
                    <li>Testing facilities for components, actions, listeners, and pages</li>
                    <li>Broad cross-browser support</li>
                    <li>Large and active community</li>
                </ul>
                 <h:form>
                     
                     <h:commandLink value="Logout ( #{loginBean.username} ) " action="#{loginBean.doLogout}"></h:commandLink>
                </h:form>
            </rich:panel>
        </ui:define>
    </ui:composition>
    
</html>


